import { PageContainer } from '@ant-design/pro-components';
import { FormattedMessage, SelectLang, useIntl } from '@umijs/max';

const AccessPage: React.FC = () => {
  // const [btnContent, setBtnContent] = useState('切换成日文');

  const intl = useIntl();
  const title = intl.formatMessage({
    id: 'title',
  });

  // useEffect(() => {
  //   if (btnContent === '切换成日文') {
  //     setLocale('ja-JP');
  //   } else {
  //     setLocale('zh-CN');
  //   }
  // }, [btnContent]);

  // const fn = () => {
  //   if (btnContent === '切换成日文') {
  //     setBtnContent('切换成中文');
  //     // setLocale('ja-JP');
  //   } else {
  //     setBtnContent('切换成日文');
  //     // setLocale('zh-CN');
  //   }
  // };

  return (
    <PageContainer
      ghost
      header={{
        title: <FormattedMessage id="title" />,
      }}
    >
      <FormattedMessage id="welcome" />
      <div title={title}>hi</div>
      <SelectLang />
      {/* <Button onClick={fn}>{btnContent}</Button> */}
    </PageContainer>
  );
};

export default AccessPage;
